<template>
    <div>
        
        <div class="box">
            
           <home1 :list="list"></home1>

        </div>

    </div>
</template>

<script>
import home1 from '../home1/home1.vue'
import listz from '../../../public/items.json'
export default {
    name: 'MobanHome',
    components:{
       home1
    },

    data() {
        return {
            list:[]
        };
    },

    mounted() {
        this.getlist()
    },

    methods: {
        getlist(){
            this.list.push(listz)
            console.log(this.list);
        }
    },
};
</script>

<style lang="scss" scoped>
   .box{
    width: 100%;
    display: flex;
    justify-content: space-around;
   }
   .tabs{
    width: 100%;
   }
</style>